<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<%=context%>resources/modules/bootstrap/css/dataAndClearStatus/custRegister.css" />

<script type="text/javascript">
var registerPath = <%=context%>+"business/custRegister";
var clearStatusPath = '<%=context%>' +'business/salesDataManage/';
//默认加载
$(function(){
	//把访问路径传到js
	setPathPrefix(clearStatusPath);
});
</script>

<style type="text/css">
.sub-page .modal-content {
  position: relative;
  height: 100%;
}

.sub-page .modal-content .container {
  width: auto;
  height: 90%;
  overflow-y: auto;
}

*{ padding:0px; margin:0px; }
	.fl{float:left}
	.mainContainer{width:100%;height:100%;}
	.topContrainer,.bottomMainContrainer{width:100%;height:80%}
	.selectionContainer{width:100%;height:5%;min-height:50px;}
	.selectCenter{width:100%;height:100%;background-color: #F8F8F8}
	.sub-sel-cont{margin-left:30px;padding-top:20px}
	.chartContaienr{width:100%;height:120%;}
	.m-l-3-per{margin-left:3%}
	.subContainer{width:47%;height:45%;float:left;margin:2% 0 0% 2%}
	.charContainerCenter{width:80%;height:100%;margin:0 auto;}
	.font-color-black{color:#939393}
	.font-color-white{color: #FFFFFF;background-color: #FF9600;}
	.ul{width:80%;background-color:yellow;}
    .ulLi{ /* display:inline-block;*/margin-right:-8px; padding:5px; }  
    .dwn{line-height:45px;}
</style>
<style type="text/css">
	#dataExport{
		margin-top:30px;
	}
	#barChart{ position: relative; width: 40%; height: 450px; float:left }
	.div-inline{ display:inline}
	#progressMom{
		/* display:inline-block; */
		float:left;
		width: 400px;
		height: 14px;
		margin-top:2.55px;	
		margin-right: 45px;
		border: 1px solid #ccc;
		vertical-align: bottom;
		border-radius:14px;
	}
	#progress{
		width:20%;
		height:12px;
		border-radius:14px;
	}
	.barClass{
		width:33.3%;height:400px;float:left;
	}
	
	
	.fl{float:left}
	.mainContainer{width:100%;height:100%;}
	.topContrainer,.bottomMainContrainer{width:100%;height:80%}
	.selectionContainer{width:100%;height:5%;min-height:50px; margin-top: 25px;
	}
	.selectCenter{width:100%;height:100%;background-color: #F8F8F8}
	.sub-sel-cont{margin-left:30px;padding-top:20px}
	.chartContaienr{width:100%;height:120%;}
	.m-l-3-per{margin-left:3%}
	.subContainer{width:40%;height:45%;float:left;margin:2% 0 0% 2%}
	.charContainerCenter{width:80%;height:100%;margin:0 auto;}
	.font-color-black{color:#939393}
	.font-color-white{color: #FFFFFF;background-color: #FF9600;}
	.ul{width:80%;background-color:yellow;}
    .ulLi{ /* display:inline-block;*/margin-right:-8px; padding:5px; }  
    .dwn{line-height:45px;}
    .subSelector {
	    height: 20px;
	    line-height: 3px;
	    display: inline-block;
	    width: auto;
	    padding: 9px;
	    border-radius: 5px;
	    margin-right: 10px;
	    cursor: pointer;
	}
	
</style>
<title>客户权益登记</title>
</head>

<body class="sub-page">
	<div><p></p></div>
	<div id="regisHomePage" style="width:1200px;margin:0 auto;">
	
		<div id="custRegisterDetail" style="width:100%;height:50px">
			<div id="titleSelectionContainer" class="selectionContainer">
					<div class="selectCenter">
						<div id="titleSelector" class="sub-sel-cont fl">
						   <span class="fl font-color-black">时间段：</span>
				           <span class="fl subSelector font-color-black" reportFrequency="2">本周</span>
				           <span class="fl subSelector font-color-black" reportFrequency="7">近三个月</span>
						</div>
					</div>
			</div>
	    </div>
	
		
		<div>
		 	<div id="productFyDetail" style="width:100%;height:400px;margin-top:25px;">
				<div style="width:100%;height:400px;">
					<div id="barChart1" class="barClass" style="width:38.80%;"></div>
					<div id="barChart2" class="barClass" style="width:30.60%;"></div>
					<div id="barChart3" class="barClass" style="width:30.60%;"></div>
				</div>
		    </div> 
		    
		    
		    
		    
		    
		    
		    
		    
		    
		    
		    
		    
		    
		    <div id="dataExport">
		    	<!-- <div><span style="font-size:14px;">数据快捷导出</span></div> -->
		    	<div><h3>数据快捷导出</h3></div>
		    	
		    	<div class="hr-line-dotted" style="margin-top:15px;"></div>
		    	
		    	<div id="clearHead" style="margin-top:25px;margin-bottom:25px;">
					<span style="float: left;margin-right: 20px;font-size:14px;">清算进度</span>
					<div id="progressMom" class="clearfix progress progress-striped active" >
						<div id="progress" class="progress-bar progress-bar-warning"></div>
					</div>
					<span style="margin-right: 10px;font-size:14px;">预计完成时间 : </span><span id="predictTime" style="font-size:14px;"></span>
				</div>
		    	
		    	<div id="downloadPart" style="clear:both;">
			    	<div id="userCont">
			    		<div>
			    			<div id="userPicDiv">
			    				<%-- <img class="" src="<%=context%>resources/modules/bootstrap/css/img/LOGO-1.jpg" width:100px;height:100px;> --%>
			    			</div>
		    				<div id="userTextBtn">
		    					<span class="textSpan">当日客户数据</span><br>
		    					<button type="button" id="downloadBtn1" class="btn btn-default btn-sm" disabled='true' onclick="down('0');"><i class='fa fa-arrow-down'></i>下载</button>
		    				</div>
			    		</div>
			    	</div>
			    	
			    	<div id="poTrdCont" style="margin-left:50px;">
			    		<div>
			    			<div id="poTrdDiv"></div>
		    				<div id="poTrdTextBtn">
		    					<span class="textSpan">当日份额与交易数据</span><br>
		    					<button type="button" id="downloadBtn2" class="btn btn-default btn-sm" disabled='true' onclick="down('1');"><i class='fa fa-arrow-down'></i>下载</button>
		    				</div>
			    		</div>
			    	</div>
		   		</div>
		    </div>
	    </div>
	 </div>
</body>
	
<script type="text/javascript" src="<%=context%>resources/modules/business/register/custRegister.init.js?random=<%=Math.random()%>"></script>
</body>
</html>